<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:wicket="http://wicket.apache.org/dtds.data/wicket-xhtml1.4-strict.dtd">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1255">
    <title>Deck Printer</title>
</head>
<body>
<wicket:extend>
    <div wicket:id="actions" class="panel">
        <h2>Actions</h2>
        <a href="#" wicket:id="home">Home</a>
        <a href="#" wicket:id="upload">Upload Deck</a>
        <a href="#" wicket:id="edit">Edit</a>
        <a href="#" wicket:id="preview">Preview</a>
        <a href="#" wicket:id="download">Download PDF</a>
    </div>

    <br/>

    <wicket:enclosure child="feedback:feedbackul">
        <div class="panel">
            <h2>Messages</h2>

            <div wicket:id="feedback"></div>
        </div>
        <br/>
    </wicket:enclosure>

    <div wicket:id="options" class="panel" style="float: none;">
        <h2>Options</h2>

        <form action="UploadDeckPage.html#" wicket:id="settingsForm">
            <input wicket:id="removeBasicLands" type="checkbox">Remove Basic Lands<br/>
            <input wicket:id="replaceWithZendikar" type="checkbox">Use Zendikar Lands<br/>
        </form>
    </div>
    <br/>

    <div wicket:id="deckview">
        <div style="float: left; margin-right: 10px;" class="panel">
            <h2>Land</h2>

            <div wicket:id="lands">
                <span wicket:id="amount"></span> - <span wicket:id="cardName"></span>
            </div>
        </div>
        <div style="float: left; margin-right: 10px;" class="panel">
            <h2>Creatures</h2>

            <div wicket:id="creatures">
                <span wicket:id="amount"></span> - <span wicket:id="cardName"></span>
            </div>
        </div>
        <div style="float: left; margin-right: 10px;" class="panel">
            <h2>Artifacts</h2>

            <div wicket:id="artifacts">
                <span wicket:id="amount"></span> - <span wicket:id="cardName"></span>
            </div>
        </div>
        <div style="float: left; margin-right: 10px;" class="panel">
            <h2>Spells</h2>

            <div wicket:id="spells">
                <span wicket:id="amount"></span> - <span wicket:id="cardName"></span>
            </div>
        </div>
        <div style="float: left; margin-right: 10px;" class="panel">
            <h2>Other</h2>

            <div wicket:id="other">
                <span wicket:id="amount"></span> - <span wicket:id="cardName"></span>
            </div>
        </div>
        <div style="float: left; margin-right: 10px;" class="panel">
            <h2>Sideboard</h2>

            <div wicket:id="sideboard">
                <span wicket:id="amount"></span> - <span wicket:id="cardName"></span>
            </div>
        </div>
    </div>
    <div style="float: left; margin-right: 10px;" wicket:id="manacurve"></div>
</wicket:extend>

</body>
</html>